<template>
    <div class="dipper">
        <a-tabs class="dipper-tabs" v-model:activeKey="activeKey">
            <a-tab-pane tab="GoJs" key="1">
                <GoJsIndex />
            </a-tab-pane>
            <a-tab-pane tab="AntV" key="2">
                <AntVIndex />
            </a-tab-pane>
            <a-tab-pane tab="LogicFlow" key="3">
                <LogicFlowIndex />
            </a-tab-pane>
            <a-tab-pane tab="图1" key="4">
                <AntV1 />
            </a-tab-pane>
            <a-tab-pane tab="图2" key="5">
                <AntV2 />
            </a-tab-pane>
            <a-tab-pane tab="图3" key="6">
                <AntV3 />
            </a-tab-pane>
            <a-tab-pane tab="图4" key="7">
                <AntV4 />
            </a-tab-pane>
            <a-tab-pane tab="图5" key="8">
                <AntV5 />
            </a-tab-pane>
            <a-tab-pane tab="图6" key="9">
                <AntV6 />
            </a-tab-pane>
            <a-tab-pane tab="图7" key="10">
                <AntV7 />
            </a-tab-pane>
            <a-tab-pane tab="图8" key="11">
                <AntV8 />
            </a-tab-pane>
            <a-tab-pane tab="图9" key="12">
                <AntV9 />
            </a-tab-pane>
        </a-tabs>
    </div>
</template>
<script lang="ts" setup>
import { ref } from "vue"
// import { useGraphStore } from '../../../'
import GoJsIndex from "./gojs/index.vue"
import AntVIndex from "./antv/index.vue"
import LogicFlowIndex from "./logicFlow/index.vue"
import AntV1 from "./antv/photo1/index.vue"
import AntV2 from "./antv/photo2/index.vue"
import AntV3 from "./antv/photo3/index.vue"
import AntV4 from "./antv/photo4/index.vue"
import AntV5 from "./antv/photo5/index.vue"
import AntV6 from "./antv/photo6/index.vue"
import AntV7 from "./antv/photo7/index.vue"
import AntV8 from "./antv/photo8/index.vue"
import AntV9 from "./antv/photo9/index.vue"

// const graph = useGraphStore()

const activeKey = ref("12")
</script>
<style scoped>
.dipper {
    margin: 20px;
    width: 100%;
    height: 100%;
}
</style>
